import React from "react";
import styles from "./diingjiaxishu-view.module.scss";
import XxtvCard from "../card/xxtv-card";

/**
 * 
 * @param {} param0 
 * @returns
 * @description 平均定价系数模块
 */
const XxDingJiaComponent = ({
    priceRate = 0, // 自主定价系数
    newPriceRate = 0, // 新保自主定价系数
    renewalPriceRate = 0, // 续保自主定价系数
    reinsurPriceRate = 0, // 转保自主定价系数
}) => {


    return (
        <>
            <XxtvCard
                title="定价系数"
            >
                <div className={styles.center}>
                    <div className="echart-box" >
                        <span className="value">{priceRate}</span>
                        <span className="label">整体系数</span>
                    </div>
                    <div className="text-box">
                        <div className="text-item">
                            <span className="icon color1"></span>
                            <span className="word">新保系数：{newPriceRate}</span>
                        </div>
                        <div className="text-item">
                            <span className="icon color2"></span>
                            <span className="word">续保系数：{renewalPriceRate}</span>
                        </div>
                        <div className="text-item">
                            <span className="icon color3"></span>
                            <span className="word">转保系数：{reinsurPriceRate}</span>
                        </div>
                    </div>
                </div>
            </XxtvCard>

        </>
    )
}
export default XxDingJiaComponent